import { getUserInfo, login, logout } from '@/api/auth/auth'
import { getToken, setToken, removeToken } from '@/utils/auth'

const state = {
  token: getToken(), // token
  user: '' // 用户对象
}

const mutations = {
  SET_TOKEN_STATE: (state, token) => {
    state.token = token
  },
  SET_USER_STATE: (state, user) => {
    state.user = user
  }
}

const actions = {
  // 用户登录
  login ({ commit }, userInfo) {
    console.log(userInfo)
    const { name, pass, rememberMe } = userInfo
    return new Promise((resolve, reject) => {
      login({ username: name.trim(), password: pass, rememberMe: rememberMe })
        .then((response) => {
          const { data } = response
          commit('SET_TOKEN_STATE', data.token)
          setToken(data.token)
          resolve()
        })
        .catch((error) => {
          reject(error)
        })
    })
  },
  //   // 获取用户信息
  getInfo ({ commit, state }) {
    return new Promise((resolve, reject) => {
      getUserInfo()
        .then((response) => {
          const { data } = response
          // console.log(data) // 打印用户信息。
          if (!data) {
            commit('SET_TOKEN_STATE', '')
            commit('SET_USER_STATE', '')
            removeToken()
            resolve()
            // eslint-disable-next-line
            reject('xxxxxx')
          }
          commit('SET_USER_STATE', data)
          resolve(data)
        })
        .catch((error) => {
          reject(error)
        })
    })
  },
  // 注销
  logout ({ commit, state }) {
    return new Promise((resolve, reject) => {
      logout(state.token)
        .then((response) => {
          console.log(response)
          commit('SET_TOKEN_STATE', '')
          commit('SET_USER_STATE', '')
          removeToken()
          resolve()
        })
        .catch((error) => {
          reject(error)
        })
    })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
